<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<jsp:useBean id="expressionMap" scope="page" class="cn.sumpu.app.guoguojie.domain.Ext.Expression" />
<%@ taglib uri="http://java.sun.com/jstl/core_rt" prefix="c" %>
<style>
<!--
.h_bqText {
	position: absolute;
	width: 262px;
	height: 157px;
	border: 1px solid #D3D4D4;
	left: 90px;
	top: 35px;
	background: white;
	padding-left: 7px;
	border-image: initial;
	z-index: 999;
}

.h_bqText_bg {
	width: 53px;
	height: 23px;
	background: url(images/home_images/bq_bg.gif) no-repeat;
	position: absolute;
	left: -1px;
	top: -23px;
}

.h_bqText_img {
	line-height: 15px;
}

.h_bqText_img img {
	border: 1px solid #CCC;
	margin: 4px 5px 0 0;
	border-image: initial;
}
-->
</style>
<script type="text/javascript">

	//表情
	function showExpression(self){
		$("#expression_all").show();
		//鼠标离开后表情隐藏
		$("#expression_all").mouseleave(function(){
			$(this).hide();
		});
	}
	
	//添加表情
	function addExpression(self){
		$(self).parent().parent().parent().parent().find("#purple_content").insertAtCaret(self.alt);
	}
	
</script>
<a title="表情" href="javascript:showExpression(this)" node-type="smileyBtn"><i class="icon_face"></i>插入表情</a>
<br class="clear" />
<div class="h_bqText" style="display:none;" id="expression_all" >
	  <div class="h_bqText_img">
	  <c:forEach items="${pageScope.expressionMap.expressionMap }" var="e">
	  	<img src="images/expression/${e.key}" style="cursor: pointer;"title="${e.value }" onclick="addExpression(this)" alt="${e.value }" />
	  </c:forEach>
	  </div>
</div>

